<div class="content" *ngIf="showContent">
  <div class="left" [zeprideAuthority]="zeprideAuthorityData">
    <div class="title">
      {{componentData.labelText? componentData.labelText :'文件制作'}}
    </div>
    <div class="sub-title">
      模板文件列表
    </div>

    <div class="list">
      <div class="list-item" *ngFor="let item of componentData.extends?.fields" (click)="selectFile(item)"
        [ngClass]="{'selected': item.selected}">
        <span>
          <i class="iconfont" [ngStyle]="{'color': item.fileIconColor}" [ngClass]="'icon-' + item.fileIcon"
            nzTheme="outline" *ngIf="item.fileIcon"></i>
          {{item.fileName}}
        </span>
        <span *ngIf="item.fileSize">
          ( {{ item.fileSize/1000}} KB)
        </span>
        <div class="spacer"></div>

        <div style="width: 100px;" *ngIf="item.selected">
          <i class="iconfont icon-checkbox-circle-fill"></i>
        </div>
        <div class="btn-ac">
          <a nz-button nzType="link" (click)="downloadTmpFile(item)">
            <i class="iconfont icon-download-2-line"></i>
          </a>

        </div>
      </div>
    </div>
  </div>

  <div class="btn-op">
    <button nz-button nzType="default" (click)="makeFileOnline()" *ngIf="componentData.extends.switchFlag[0]"
      [disabled]="!isAuthorized">在线制作</button>
    <button nz-button nzType="default" (click)="getMakedFile()" *ngIf="componentData.extends.switchFlag[1]"
      [disabled]="!isAuthorized">生成文件</button>
    <button nz-button nzType="default" (click)="getPDFFile()" *ngIf="componentData.extends.switchFlag[2]"
      [disabled]="!isAuthorized">PDF文件</button>
  </div>

</div>